@charset "UTF-8";/*! _____ _____ ______ _____ _____ _____ ___ ___ | _ \ / _ \ |___ / | _ \ / ___| / _ \ / |/ | | | | | | | | | / / | | | | | | | | | | / /| /| | | | | | | | | | / / | | | | | | | | | | / / |__/ | | | |_| | | |_| |_ / /__ | |_| | | |___ | |_| | / / | | |_____/ \_______| /_____| |_____/ 〇 \_____| \_____/ /_/ |_| * * @description: 首页SASS * @copyright: www.dqzd.com * @author: 逗号米(douhaomi) */body{background-color:#f2f2f2}.g-header .header .navigation .highlight .g-category .all-list{display:block}.container-main .category{position:relative;background-color:#fff;float:left;width:200px;height:470px}.container-main .category .title{position:absolute;background-color:#f2182a;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;font-size:16px;line-height:40px;text-indent:20px;width:100%;height:40px;top:-40px}.container-main .category ul{padding:10px 20px}.container-main .category ul li a{padding:9px 0;display:block;width:100%}.container-main .category ul li a i{float:right;color:#e6e6e6;font-size:12px}.container-main .slider-product{float:left;margin-left:210px;width:765px}.container-main .slider-product .slider{position:relative;width:765px;height:300px;overflow:hidden}.container-main .slider-product .slider ul.slider-wrapper{position:relative;overflow:hidden}.container-main .slider-product .slider ol.flex-control-paging{position:absolute;background-color:rgba(0,0,0,.5);border-radius:10px;margin-left:-60px;padding:5px 10px 5px 0;left:50%;bottom:20px;z-index:9}.container-main .slider-product .slider ol.flex-control-paging li{display:block;float:left;margin-left:10px}.container-main .slider-product .slider ol.flex-control-paging li a{background-color:#fff;border-radius:6px;cursor:pointer;display:block;width:12px;height:12px;text-indent:-9999px}.container-main .slider-product .product,.container-main .slider-product .product .scroll-wrapper{width:765px;height:150px;position:relative;overflow:hidden}.container-main .slider-product .slider ol.flex-control-paging li a.flex-active{background-color:#f2182a}.container-main .slider-product .product{background-color:#fff;margin-top:10px}.container-main .slider-product .product .scroll-wrapper .flex-viewport{position:relative;margin-top:12px;margin-left:58px;width:650px;z-index:1}.container-main .slider-product .product .scroll-wrapper .flex-viewport li{display:block;float:left;width:160px;height:140px;text-align:center}.container-main .slider-product .product .scroll-wrapper .flex-viewport li a{display:block;margin:0 auto}.container-main .slider-product .product .scroll-wrapper .flex-viewport li a img{display:block;margin:0 auto;border:1px solid #e6e6e6}.container-main .slider-product .product .scroll-wrapper .flex-viewport li a span{margin-top:5px;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.container-main .slider-product .product .scroll-wrapper ul.flex-direction-nav{position:absolute;width:100%;height:150px;top:0;left:0;z-index:0}.container-main .slider-product .product .scroll-wrapper ul.flex-direction-nav li a{position:absolute;top:50%;margin-top:-35px;padding:20px 0;color:#e6e6e6;font-size:30px;background-color:rgba(0,0,0,.2);border-radius:3px}.container-main .slider-product .product .scroll-wrapper ul.flex-direction-nav li a.flex-prev{left:20px}.container-main .slider-product .product .scroll-wrapper ul.flex-direction-nav li a.flex-next{right:20px}.container-main .slider-product .product .scroll-wrapper ul.flex-direction-nav li a:hover{color:#fff;background-color:rgba(0,0,0,.1)}.container-main .user-new-company{background-color:#fff;float:right;width:215px;height:300px}.container-main .user-new-company .user{position:relative;height:100px}.container-main .user-new-company .user .avatar{position:relative;overflow:hidden;border-radius:30px;display:block;float:left;margin:20px 15px 20px 20px;width:60px;height:60px;box-shadow:0 0 8px rgba(0,0,0,.1)}.container-main .user-new-company .user .user-join{float:left;margin-top:30px}.container-main .user-new-company .user .user-join .join{margin-top:10px}.container-main .user-new-company .user .user-join .join a{border:1px solid #f2182a;display:block;float:left;margin-right:5px;width:46px;height:20px;font-size:12px;line-height:20px;text-align:center}.container-main .user-new-company .user .user-join .join a.active,.container-main .user-new-company .user .user-join .join a:hover{background-color:#f2182a;color:#fff}.container-main .user-new-company .new-info{height:200px;font-size:12px}.container-main .user-new-company .new-info .tab{width:100%;height:22px}.container-main .user-new-company .new-info .tab ul li{position:relative;border:1px solid #e6e6e6;cursor:pointer;float:left;width:107px;height:20px;font-size:12px;line-height:20px;text-align:center;border-left:none;border-right:none;box-sizing:border-box}.container-main .user-new-company .new-info .tab ul li.active{background-color:#f2182a;border:1px solid #f2182a;width:108px;height:20px;z-index:1}.container-main .user-new-company .new-info .tab ul li.active a{color:#fff}.container-main .user-new-company .new-info .tab-content ul{padding:10px 15px}.container-main .user-new-company .new-info .tab-content ul li a{position:relative;display:block;width:100%;height:26px;line-height:26px;overflow:hidden}.container-main .user-new-company .company{background-color:#fff;margin-top:10px;width:100%;height:150px}.container-main .user-new-company .company .total{border-bottom:#e6e6e6 1px solid;width:100%;height:59px}.container-main .user-new-company .company .total .icon-ruzhu{display:block;float:left;margin-left:45px;color:#f2182a;font-size:38px;line-height:59px}.container-main .user-new-company .company .total .count{float:left;margin-left:10px;font-size:22px;letter-spacing:-2px}.container-main .user-new-company .company .total .count span{color:#999;font-size:12px}.container-main .user-new-company .company ul.company-list{padding:10px 10px 0;font-size:12px}.container-main .user-new-company .company ul.company-list li{position:relative;line-height:24px;overflow:hidden}.company-brand{margin-top:20px;height:300px}.company-brand .slider{position:relative;float:left}.company-brand .slider ul.slider-wrapper{position:relative;width:420px;height:300px;overflow:hidden;z-index:0}.company-brand .slider ul.slider-wrapper li{background-color:#f2f2f2;float:left;width:420px;height:300px}.company-brand .slider ol.flex-control-paging{position:absolute;left:0;bottom:15px;z-index:1;width:100%;text-align:center}.company-brand .slider ol.flex-control-paging li{display:inline-block;margin-left:5px}.company-brand .slider ol.flex-control-paging li a{background-color:rgba(0,0,0,.6);border-radius:50%;cursor:pointer;display:block;width:10px;height:10px;text-indent:-9999px}.company-brand .slider ol.flex-control-paging li a.flex-active{background-color:#f2182a}.company-brand .brand-list{position:relative;float:left;width:780px;height:300px}.company-brand .brand-list ul li{position:relative;background-color:#fff;float:left;margin:1px 0 0 1px;width:129px;height:99px;font-size:12px;overflow:hidden}.company-brand .brand-list ul li .back,.company-brand .brand-list ul li .front{position:absolute;background-color:#fff;width:129px;height:99px;line-height:99px;text-align:center;top:0;left:0;z-index:1}.company-brand .brand-list ul li .back img,.company-brand .brand-list ul li .front img{vertical-align:middle}.company-brand .brand-list ul li .back a,.company-brand .brand-list ul li .front a{position:absolute;background-color:rgba(0,0,0,.6);color:#fff;line-height:24px;text-align:center;width:129px;height:99px;top:0;left:0;opacity:0;transition:.3s ease-out;z-index:9}.company-brand .brand-list ul li.refresh:hover,.hot-product .hot .title{background-color:#f2182a}.company-brand .brand-list ul li .back a p,.company-brand .brand-list ul li .front a p{margin-top:28px;padding:0 5px;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.company-brand .brand-list ul li .back a span,.company-brand .brand-list ul li .front a span{background-color:#f2182a;border-radius:9px;display:block;margin:0 auto;color:#fff;width:70px;height:18px;line-height:18px}.company-brand .brand-list ul li .back a:hover,.company-brand .brand-list ul li .front a:hover{opacity:1}.company-brand .brand-list ul li .back{transform:rotateY(180deg);z-index:0}.company-brand .brand-list ul li.refresh{transition:.15s ease-in-out}.company-brand .brand-list ul li.refresh:hover a{color:#fff}.company-brand .brand-list ul li.refresh a{display:block;color:#999;text-align:center;width:100%;height:100px}.company-brand .brand-list ul li.refresh a .icon-shuaxin{display:block;margin:27px auto 5px;font-size:30px;width:30px;height:30px;transition:.3s ease-out}.hot-product{margin-top:20px}.hot-product .hot{position:relative;float:left;width:390px;overflow:hidden}.hot-product .hot .title{color:#fff;font-size:16px;font-weight:400;line-height:40px;text-indent:20px;text-align:left;height:40px}.hot-product .hot .title a{float:right;margin-right:20px;color:#fff;font-size:14px}.hot-product .hot .title a:hover{color:#f2f2f2}.hot-product .hot .product-list ul{display:block;float:left;margin-top:-1px;width:400px}.hot-product .hot .product-list ul li{background-color:#fff;display:block;float:left;width:195px;height:125px;border-bottom:1px solid #f2f2f2;box-sizing:border-box}.links h3,.news-info h3{border-bottom:#e6e6e6 1px solid}.hot-product .hot .product-list ul li:nth-child(odd){border-right:1px solid #f2f2f2}.hot-product .hot .product-list ul li .item{position:relative;float:left;width:100%;padding:15px;box-sizing:border-box}.hot-product .hot .product-list ul li .item img,.hot-product .new-product{float:right}.hot-product .hot .product-list ul li .item a.name{position:absolute;line-height:1.2;width:85px;top:15px;left:15px}.hot-product .hot .product-list ul li .item a.name p{margin-top:8px;font-size:12px;text-transform:uppercase}.hot-product .hot-search{width:400px;margin-left:10px}.hot-product .hot-search .product-list ul li{width:200px}.category-floor{margin-top:20px}.category-floor .floor{float:left;width:590px}.category-floor .floor.floor-right{float:right}.category-floor .floor .title{background-color:#fff;float:left;width:100%;height:42px;font-size:16px;line-height:42px}.category-floor .floor .title h4,.category-floor .floor .title span{display:block;float:left;margin-left:9px}.category-floor .floor .title h4{margin-left:9px;color:#f2182a;font-size:24px;line-height:inherit}.category-floor .floor .title span{line-height:48px}.category-floor .floor .title a{float:right;margin-right:18px;font-size:12px}.category-floor .floor .title a .icon-next-light{font-size:10px}.category-floor .floor .company-category .company-logo{float:left;margin-right:1px;width:139px;font-size:12px}.category-floor .floor .company-category .company-logo ul li{position:relative;overflow:hidden;display:block;margin-top:1px;height:50px;text-align:center;background-color:#fff}.category-floor .floor .company-category .company-logo ul li a{position:relative;overflow:hidden;display:block;height:50px;line-height:50px}.category-floor .floor .company-category .company-logo ul li a span{position:absolute;left:0;bottom:0;display:none;padding:0 5px;width:100%;height:50px;font-size:12px;line-height:50px;background-color:rgba(0,0,0,.3)}.category-floor .floor .company-category .company-logo ul li a:hover span{display:block;color:#fff}.category-floor .floor .company-category .d-category{float:left;margin-top:1px;width:450px;height:254px;background-color:#fff}.category-floor .floor .company-category .d-category ul{display:block;float:left;margin:0 20px 0 35px;font-size:12px;width:160px}.category-floor .floor .company-category .d-category ul .one{position:relative;margin:25px 0 8px;width:100%;height:18px;line-height:18px}.category-floor .floor .company-category .d-category ul .one strong{padding-right:40px;width:100%;height:18px;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.category-floor .floor .company-category .d-category ul .one a.more{position:absolute;top:0;right:0;border-radius:8px;display:block;float:right;padding:0 5px 0 7px;color:#fff;height:18px;background-color:#999}.category-floor .floor .company-category .d-category ul .one a.more:hover{background-color:#f33544}.category-floor .floor .company-category .d-category ul li{float:left;width:50%;height:22px;line-height:22px;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.category-floor .floor .company-category .d-category ul li:nth-child(2n+1){text-align:right}.category-floor .floor .company-category .d-category ul li a{color:#737373}.category-floor .floor .company-category .d-category ul li a:hover{color:#f2182a}.news-info{margin-top:20px}.news-info h3{display:block;width:100%;height:30px;font-size:16px}.news-info h3 a{float:right;font-size:12px;font-weight:400;line-height:20px}.news-info .news-slider{position:relative;overflow:hidden;margin-top:20px;height:260px}.news-info .news-slider .slider{position:relative;float:left}.news-info .news-slider .slider ul.slider-wrapper{position:relative;width:400px;height:260px;overflow:hidden;z-index:0}.news-info .news-slider .slider ul.slider-wrapper li{position:relative}.news-info .news-slider .slider ul.slider-wrapper li span{position:absolute;color:#fff;text-indent:10px;line-height:30px;left:0;bottom:0;width:100%;height:30px;background-color:rgba(0,0,0,.6)}.news-info .news-slider .slider ul.slider-wrapper li span a{color:#fff;width:270px;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.news-info .news-slider .slider ol.flex-control-paging{position:absolute;height:12px;right:10px;bottom:9px;z-index:1}.news-info .news-slider .slider ol.flex-control-paging li{display:block;float:left}.news-info .news-slider .slider ol.flex-control-paging li a{background-color:#fff;border-radius:6px;cursor:pointer;display:block;margin:0 0 0 10px;width:12px;height:12px;text-indent:-999px}.news-info .news-slider .slider ol.flex-control-paging li a.flex-active{background-color:#f2182a}.news-info .news-slider .news-list{float:left;margin-left:40px;width:400px}.news-info .news-slider .news-list ul{display:block;float:left;margin-bottom:24px;width:400px}.news-info .news-slider .news-list ul h4{width:100%;height:24px;font-size:16px;text-align:center;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.news-info .news-slider .news-list ul li{float:left;width:200px;font-size:12px;line-height:24px;position:relative;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.news-info .news-slider .news-list ul li a{color:#737373}.news-info .news-slider .news-list ul li a:hover{color:#f2182a}.news-info .news-slider .jobs{float:right;width:320px}.news-info .news-slider .jobs .ddad{float:left;width:100%;height:150px}.news-info .news-slider .jobs .jobs-list{float:left;margin-top:18px}.news-info .news-slider .jobs .jobs-list ul li{display:block;float:left;width:160px;font-size:12px;line-height:24px}.news-info .news-slider .jobs .jobs-list ul li a{position:relative;display:block;width:100%;height:24px;color:#737373;line-height:26px;overflow:hidden}.news-info .news-slider .jobs .jobs-list ul li a:hover{color:#f2182a}.links{margin-top:20px}.links h3{display:block;width:100%;height:30px;font-size:16px}.links h3 a{float:right;font-size:12px;font-weight:400;line-height:20px}.links .link{margin-top:10px;color:#e6e6e6}.links .link a{color:#737373}.links .link a:hover{color:#f2182a}